<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        #box {
            width: 100%;
            height: 100%;
            background-color: #ffff;
        }

        #bd1 {
            width: 100%;
            border-bottom: 1px solid rgb(147, 147, 147);
            box-sizing: border-box;
            background: url("../../img/家具12_03.gif") no-repeat center;
            height: 80px;
            margin: 0 auto;
        }

        #bd1>span {
            float: right;
            /* float:inline-end; */
            margin-top: 55px;
        }

        #bd2 {
            width: 100%;
            height: 40px;
            border-bottom: 1px solid rgb(196, 196, 196);
            margin-bottom: 10px;
        }

        #bd2>ul {
            width: 1200px;
            height: 40px;
            box-sizing: border-box;
            margin: 0 auto;
            /* border: 1px solid black; */
        }

        #bd2>ul>li {
            float: left;
            font-size: 16px;
            color: rgb(163, 163, 163);
            text-align: center;
            line-height: 40px;
            height: 38px;
            margin-right: 88px;
        }

        #bd2input {
            height: 32px;
            width: 180px;
            border: 0;
        }

        #bd2li>img {
            height: 25px;
            width: 38px;
            vertical-align: middle;
        }

        #bd2li {
            border: 1px solid rgb(158, 158, 158);
            height: 36px;
        }

        #bd3 {
            width: 1200px;
            height: 600px;
            border-bottom: 10px solid rgb(133, 133, 133);
            /* box-sizing: border-box; */
            margin: 0 auto;
            margin-bottom: 40px;
        }

        #bd4 {
            width: 1200px;
            height: 300px;
            margin: 0 auto;
            /* border: 1px solid black; */
            box-sizing: border-box;
            overflow: hidden;
        }

        #bd4>div {
            width: 330px;
            height: 300px;
            float: left;
            /* background-color: beige; */
            margin-left: 104px;
        }

        #bd4>div:nth-child(1) {
            margin-left: 0;
        }

        #bd4>div>div {
            width: 330px;
            height: 250px;
            border: 11px solid rgb(142, 142, 142);
            box-sizing: border-box;
        }

        .bd4p1 {
            font-size: 16px;
            text-align: center;
        }

        .bd4p2 {
            font-size: 12px;
            text-align: center;
            color: #747474;
            margin-bottom: 10px;
        }
        #bd5{
            margin-top: 50px;
            width: 100%;
            height: 400px;
            background-color:#f6f1ef ;
            border-top: 1px solid   rgb(177, 175, 175);
        }
        #bd5>ul{
            display: inline-block;
            margin-left: 55px;
            margin-top: 50px;
        }
        #bd5>ul:nth-child(1)
        {
            margin-left: 450px;
        }
        #bd5>ul>li{
            margin-bottom: 30px;
            border: 1px solid black;
            box-sizing: border-box;
            height: 25px;
        }
        #bd6{
            width: 100%;
            height: 100px;
            background-color: rgb(42, 42, 42);
        }
    </style>
</head>

<body>
    <div id="box">
        <div id="bd1">
            <span><a href="">会员登陆</a>|<a href="">会员注册</a></span>
        </div>
        <div id="bd2">
            <ul>
                <li>首页</li>
                <li>生活方式</li>
                <li>家具类别</li>
                <li>关于没点</li>
                <li>新闻中心</li>
                <li>联系我们</li>
                <li id="bd2li"><input id="bd2input" placeholder="请如数关键字"><img src="../../img/搜索.png"></li>
            </ul>
        </div>
        <div id="bd3">
            <img src="../../img/家具12_07.gif" width="1200px" height="600px">
        </div>
        <div id="bd4">
            <div>
                <p class="bd4p1">全国代理商</p>
                <p class="bd4p2">ABFAAS ADNLK</p>
                <div><img src="https://picsum.photos/310/230?random=3"></div>
            </div>
            <div>
                <p class="bd4p1">新品,进口馆</p>
                <p class="bd4p2">SFABJ ADAVFAD DA</p>
                <div><img src="https://picsum.photos/310/230?random=2"></div>
            </div>
            <div>
                <p class="bd4p1">客户分享</p>
                <p class="bd4p2">AJVAAV AIDF</p>
                <div><img src="https://picsum.photos/310/230?random=1"></div>
            </div>
        </div>
        <div id="bd5">
            <ul>
                <li class="bd5lih">生活方式</li>
            </ul>
            <ul>
                <li class="bd5lih">家具类别</li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <ul>
                <li class="bd5lih">关于美点</li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <ul>
                <li class="bd5lih">新闻中心</li>
                <li></li>
            </ul>
            <ul>
                <li class="bd5lih">联系方式</li>
                <li></li>
            </ul>
        </div>
        <div id="bd6"></div>
    </div>
</body>

</html>